@main_width:690rpx;//白色框框宽度
@img_width: 260rpx;//图片宽度
@img_height: 200rpx;//图片高度
@section_left:40%;//框框内 左侧宽度
.container{
    background-color: #eee;
    .warn{
        width:@main_width;
        font-weight: bolder;
        font-size: large;
        margin: 20rpx auto;
    }
    .main{
        display:flex;
        flex-direction: row;
        background-color: #fff;
        box-sizing: border-box;
        width:@main_width;
        border-radius: 20rpx;
        padding: 5% 20rpx;
        margin: 2% auto;
        .main_left{
            width:@section_left;
            height:100%;
            margin-right:5%;
            .tips{
                position: absolute;
                padding:2rpx 7rpx;
                line-height: 37rpx;
                background-color: #F8C24C;
                z-index: 102;
                font-size: small;
                border-radius: 10rpx 0;
            }
            image{
                width:@img_width;
                height:@img_height;
                border-radius: 10rpx;
            }
        }
        .main_right{
            flex: 1;
            .title{
                font-size:large;
                line-height: 46rpx;
            }
            .content{
                margin-top:5rpx;
                color: #626262;
            }
        }
    }
    .bottom{
        width: @main_width;
        margin: 0 auto 20rpx;
        button{
            background-color:#F8C24C;
            color: #000;
        }
        .checkgroup {
            display: flex;
            flex-direction: row;
            width:@main_width;
            margin: 20rpx 0;
        }
        checkbox .wx-checkbox-input {
            border-radius: 50%;
            /* 圆角 */
            width: 36rpx;
            /* 背景的宽 */
            height: 36rpx;
            /* 背景的高 */
        }
          /* 选中后的 背景样式*/
        checkbox .wx-checkbox-input.wx-checkbox-input-checked {
            border: 1rpx solid #F8C24C;
            background: #F8C24C;
        }
          
        checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
            border-radius: 50%;
            /* 圆角 */
            width: 40rpx;
            /* 选中后对勾大小，不要超过背景的尺寸 */
            height: 40rpx;
            /* 选中后对勾大小，不要超过背景的尺寸 */
            line-height: 40rpx;
            text-align: center;
            font-size: 30rpx;
            /* 对勾大小 30rpx */
            color: #fff;
            /* 对勾颜色 白色 */
            background: transparent;
            transform: translate(-50%, -50%) scale(1);
            -webkit-transform: translate(-50%, -50%) scale(1);
        }
        .text-blue{
            color: #626262;
        }
    }
}
